<extend name="_Layout/main"/>

<block name="style"></block>

<block name="main">
    <section>
        <section class="vbox">
            <section id="vbox" class="scrollable wrapper-lg">
                <!-- 文档列表页面顶部钩子 -->
                <div class="clearfix hook hook-document-list-before">
                    {:hook('DocumentListBefore')}
                </div>
                <!-- 文档列表 -->
                <div class="widget widget_doc_post_widget">
                    <header class="list-page-header">
                        <a href="{:U('Document/add', array('cid' => $__CURRENT_CATEGORY__))}">
                            <h2 class="font-thin m-b m-t-none" style="float:left;">What’s Article</h2>
                            <h1 class="list-page-title">发布文章</h1>
                        </a>
                    </header>
                    <div class="row row-sm list-indexs">
                        <volist name="volist" id="vo">
                            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">
                                <article class="item type-download status-publish has-post-thumbnail hentry download_category-emotion download_artist-111 odd edd-download edd-download-cat-emotion">

                                    <div class="pos-rlt">
                                        <a href="javascript:;" data-id="{$vo.id}" class="play-me">
                                        <div class="item-overlay opacity r bg-black">
                                            <div class="center text-center m-t-n">
                                                <i class="icon-control-play i-2x text"></i>
                                                <i class="icon-control-pause i-2x text-active"></i>
                                            </div>
                                        </div>
                                        </a>
                                        <a href="{:U('Document/detail/id/'.$vo['id'])}" title="{$vo.main_field}">
                                            <img width="700" height="350" src="{$vo.cover|get_cover='Music'}" class="r img-full wp-post-image">
                                        </a>
                                    </div>

                                    <div class="entry-header">
                                        <h3 class="entry-title" itemprop="name headline">
                                            <a href="{:U('Document/detail/id/'.$vo['id'])}" class="text-ellipsis" title="{$vo.main_field}" rel="bookmark" >{$vo.main_field}</a>
                                        </h3>

                                        <div class="entry-meta">
                                            <time class="entry-date" datetime="{$vo.ctime|time_format='Y-m-d'}" pubdate="" itemprop="datePublished">{$vo.ctime|time_format='Y-m-d'}</time> <span class="dot">•</span> {$vo.comment} 条评论 <span class="dot">•</span>{$vo.view} views
                                        </div>
                                    </div>
                                    <div class="entry-summary" itemprop="articleBody">
                                    </div>
                                    <div class="entry-footer">
                                       <a href="{:U('Document/detail/id/'.$vo['id'])}" rel="nofollow" class="more-link">继续阅读 »</a>
                                        <php>$tags_list=explode(",",$vo['tags']);</php>
                                        <span class="tags-links" itemprop="keywords">
                                            <volist name="tags_list" id="tagsid">
                                                <i href="#" rel="tag">{$tagsid}</i>
                                            </volist>
                                        </span>
                                    </div>
                                </article>
                            </div>
                        </volist>
                    </div>
                </div>
                <ul class="pagination">{$page}</ul>

                <!-- 文档列表页面底部钩子 -->
                <div class="clearfix hook hook-document-list-after">
                    {:hook('DocumentListAfter')}
                </div>
            </section>
        </section>
    </section>
</block>
